<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>活动平台</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="__IMG__/k.ico">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="__IMG__/k.ico">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="__IMG__/k.ico">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="__IMG__/k.ico">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <link rel="stylesheet" href="__STATIC__/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="__STATIC__/assets/css/app.css">
  <!--  -->
   <link rel="stylesheet" href="__STATIC__/assets/css/kw.css">
   
  <!--官方  js-->
  <script type="text/javascript" href="__STATIC__/assets/js/jquery.min.js"></script>
  <script type="text/javascript" href="__STATIC__/assets/js/amazeui.min.js"></script>

  <style>
    .get {
      background: #1E5B94;
      color: #fff;
      text-align: center;
      padding: 100px 0;
    }

    .get-title {
      font-size: 200%;
      border: 2px solid #fff;
      padding: 20px;
      display: inline-block;
    }

    .get-btn {
      background: #fff;
    }

    .detail {
      background: #fff;
    }

    .detail-h2 {
      text-align: center;
      font-size: 150%;
      margin: 40px 0;
    }

    .detail-h3 {
      color: #1f8dd6;
    }

    .detail-p {
      color: #7f8c8d;
    }

    .detail-mb {
      margin-bottom: 30px;
    }

    .hope {
      background: #0bb59b;
      padding: 50px 0;
    }

    .hope-img {
      text-align: center;
    }

    .hope-hr {
      border-color: #149C88;
    }

    .hope-title {
      font-size: 140%;
    }

    .about {
      background: #fff;
      padding: 40px 0;
      color: #7f8c8d;
    }

    .about-color {
      color: #34495e;
    }

    .about-title {
      font-size: 180%;
      padding: 30px 0 50px 0;
      text-align: center;
    }

    .footer p {
      color: #7f8c8d;
      margin: 0;
      padding: 15px 0;
      text-align: center;
      background: #2d3e50;
    }
  </style>
</head>
<body>
<header class="am-topbar am-topbar-fixed-top">
  <div class="am-container">
    <h1 class="am-topbar-brand">
      <a href="#">活动平台</a>
    </h1>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only"
            data-am-collapse="{target: '#collapse-head'}"><span class="am-sr-only">导航切换</span> <span
        class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="collapse-head">
      <ul class="am-nav am-nav-pills am-topbar-nav">
        <li class="am-active"><a href="#">首页</a></li>
        <li><a href="#">主办方</a></li>
        <li class="am-dropdown" data-am-dropdown>
          <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
          <span class="am-icon-caret-down">我</span>
          </a>
          <ul class="am-dropdown-content">
            <li class="am-dropdown-header">标题</li>
            <li><a href="#">1. 默认样式</a></li>
            <li><a href="#">2. 基础设置</a></li>
            <li><a href="#">3. 文字排版</a></li>
            <li><a href="#">4. 网格系统</a></li>
          </ul>
        </li>
        <li><button><a  href="{:U('Activity/add')}" target="_blank">发布活动</a></button></li>
 
      </ul>

   <!--    <div class="am-topbar-right">
        <button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span> 注册</button>
      </div>

      <div class="am-topbar-right">
        <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
      </div> -->
    </div>
  </div>
</header>

<div class="get">
  <div class="am-g">
    <div class="am-u-lg-12">
      <h1 class="get-title">分享 创造</h1>

      <p>
        期待你的参与更精彩的活动
      </p>

      <p>
        <a href="" class="am-btn am-btn-sm get-btn">欢迎你的加入</a>
      </p>
    </div>
  </div>
</div>
<!-- <div class="banner">
                    
            <div class="am-slider am-slider-default scoll" data-am-flexslider="" id="demo-slider-0">
              
            <div class="am-viewport" style="overflow: hidden; position: relative;"><ul class="am-slides" style="width: 1200%; transition-duration: 0.6s; transform: translate3d(-2846px, 0px, 0px);"><li class="banner4 clone" aria-hidden="true" style="width: 1423px; float: left; display: block;"><a><img src="__IMG__/bg2.jpg" draggable="false"></a></li>
                <li class="banner1" style="width: 1423px; float: left; display: block;"><a href="introduction.html"><img src="__IMG__/bg2.jpg" draggable="false"></a></li>
                <li class="banner2 am-active-slide" style="width: 1423px; float: left; display: block;"><a><img src="__IMG__/bg2.jpg" draggable="false"></a></li>
                <li class="banner3" style="width: 1423px; float: left; display: block;"><a><img src="__IMG__/bg2.jpg" draggable="false"></a></li>
         

              <li class="banner1 clone" aria-hidden="true" style="width: 1423px; float: left; display: block;"><a href="introduction.html"><img src="__IMG__/bg2.jpg" draggable="false"></a></li></ul></div><ol class="am-control-nav am-control-paging"><li><a class="">1</a><i></i></li><li class=""><a class="am-active">2</a><i></i></li><li class=""><a class="">3</a><i></i></li><li class=""><a class="">4</a><i></i></li></ol><ul class="am-direction-nav"><li class="am-nav-prev"><a class="am-prev" href="#"> </a></li><li class="am-nav-next"><a class="am-next" href="#"> </a></li></ul></div>
            <div class="clear"></div> 
      </div> -->

<div class="detail"><br></div>
<div class="detail"><br></div>
<div class="detail"><br></div>
<!--  -->
<div class="detail">
  <div class="am-g am-container">
    <div class="am-u-lg-12">
      <h2 class="detail-h2">期待你的参与更精彩的活动</h2>

      <div class="am-g">
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">

          <h3 class="detail-h3">
            <i class="am-icon-mobile am-icon-sm"></i>
            总人数
          </h3>

          <p class="detail-p">
            总人数<br> 诚信人数：    <br>违约后补交人数：     <br>违约中人数：
          </p>
        </div>
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
          <h3 class="detail-h3">
            <i class="am-icon-cogs am-icon-sm"></i>
            成交次数
          </h3>

          <p class="detail-p">
             总成交金额    <br>总次数: <br>参与人数
          </p>
        </div>
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
          <h3 class="detail-h3">
            <i class="am-icon-check-square-o am-icon-sm"></i>
            体面收取利息
          </h3>

          <p class="detail-p">
            借贷双方自主商讨利率。<br>
0-24%的合法区间灵活设定。
借钱网上匿名记账，情分收益两不误。
          </p>
        </div>
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
          <h3 class="detail-h3">
            <i class="am-icon-send-o am-icon-sm"></i>
            全方位，提醒还款
          </h3>

          <p class="detail-p">
          借款到期，专席客服及时提醒还款。
一通电话，一句提醒，一次清偿，一生信誉。
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<!--  -->
<!--借贷信息筛选 -->
<div class="detail">
  <div class="am-g am-container">
    <div class="am-form-group">
      区域:<label class="am-checkbox-inline"><input type="checkbox" value="option1"> 选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option2"> 同时可以选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option3"> 还可以选我</label></div>
    <div class="am-form-group">
      性别：<label class="am-checkbox-inline"><input type="checkbox" value="option1"> 选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option2"> 同时可以选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option3"> 还可以选我</label></div>
    <div class="am-form-group">
      年龄：<label class="am-checkbox-inline"><input type="checkbox" value="option1"> 选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option2"> 同时可以选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option3"> 还可以选我</label></div>
    <div class="am-form-group">
      借贷金额：<label class="am-checkbox-inline"><input type="checkbox" value="option1"> 选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option2"> 同时可以选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option3"> 还可以选我</label></div>
     <div class="am-form-group">
     借贷次数：<label class="am-checkbox-inline"><input type="checkbox" value="option1"> 选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option2"> 同时可以选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option3"> 还可以选我</label></div>
     注册时长：<label class="am-checkbox-inline"><input type="checkbox" value="option1"> 选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option2"> 同时可以选我</label><label class="am-checkbox-inline"><input type="checkbox" value="option3"> 还可以选我</label></div>

     <div class="am-g am-container">共选出人数：       每人投资：10元     确定</div>
  </div>
</div>
<!--  -->
<div class="detail">
  <div class="am-g am-container">
    <div class="am-u-lg-12">
      <h2 class="detail-h2">&nbsp</h2>

      <div class="am-g">


        <volist name="activity_list" id="ac" offset="0" length='16'>
          <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">

            <p>
               <img class="am-radius" alt="140*140" src="__LOGO__{$ac.img}" width="140" height="140" />

            </p>
             <h3 class="am-gallery-title">{$ac.title}</h3>
                  <div class="am-gallery-desc">2375-09-26</div>
                  <button type="button" class="am-btn am-btn-secondary am-radius">报名</button>
          </div>
        </volist>



      </div>
    </div>
  </div>
</div>

<!--  -->



<div class="hope">
  <div class="am-g am-container">
    <div class="am-u-lg-4 am-u-md-6 am-u-sm-12 hope-img">
      <img src="" alt="" data-am-scrollspy="{animation:'slide-left', repeat: false}">
      <hr class="am-article-divider am-show-sm-only hope-hr">
    </div>
    <div class="am-u-lg-8 am-u-md-6 am-u-sm-12">
      <h2 class="hope-title">诚信人的数占比，是国家发展与质量的核心比例.</h2>

      <p>
        努力前行，诚信第一。
      </p>
    </div>
  </div>
</div>

<div class="about">
  <div class="am-g am-container">
    <div class="am-u-lg-12">
      <h2 class="about-title about-color">崇尚开放、自由，非常欢迎大家的参与</h2>

      <div class="am-g">
 <!--        <div class="am-u-lg-6 am-u-md-4 am-u-sm-12">
          <form class="am-form">
            <label for="name" class="about-color">你的姓名</label>
            <input id="name" type="text">
            <br/>
            <label for="email" class="about-color">你的邮箱</label>
            <input id="email" type="email">
            <br/>
            <label for="message" class="about-color">你的留言</label>
            <textarea id="message"></textarea>
            <br/>
            <button type="submit" class="am-btn am-btn-primary am-btn-sm"><i class="am-icon-check"></i> 提 交</button>
          </form>
          <hr class="am-article-divider am-show-sm-only">
        </div>
 -->
        <div class="am-u-lg-6 am-u-md-8 am-u-sm-12">
          <h4 class="about-color">关于我们</h4>

          <p>熟人借贷信息服务 </p>
          <h4 class="about-color">友情提示</h4>

          <p>不熟不贷</p>
        </div>
      </div>
    </div>
  </div>
</div>

<footer class="footer">
  <p>© 2008 <a href="http://www.yunshipei.com" target="_blank">KW, Inc.</a>  <a
      href="http://opensource.org/licenses/MIT" target="_blank"></a>. by the KW Team.</p>
</footer>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->



</body>
</html>
